<template>
    <div class="main-container">
        <div style="background-color: #fff;height: 100%;" id="planplant">
            <a-tabs   :lazy-load="true" type="card" @change="tabsChange" justify>
                <template #extra>
                    <!-- <div class="extraTitelBtn"> 
                        <a-button type="outline" size="small">查询</a-button>
                    </div> -->
                </template>
                <a-tab-pane title="织布单排产" key="1" v-if="permissionStore.hasPermisson('zbdpc.zbdpc')">
                    <div style="height: 100%">
                        <Scheduling></Scheduling>
                    </div>
                </a-tab-pane>
                <!-- <a-tab-pane title="布飞打印列表" key="2" v-if="permissionStore.hasPermisson('zbdpc.bfdylb')">
                    <div style="height: 100%">
                        <BoufeiList></BoufeiList>
                    </div>
                </a-tab-pane> -->
                <!-- <a-tab-pane title="布飞打印模板" key="3" v-if="permissionStore.hasPermisson('zbdpc.bfdymb')">
                    <div style="height: 100%">
                        <BoufeiMb></BoufeiMb>
                    </div>
                </a-tab-pane> -->
                <!-- <a-tab-pane title="布飞打印模板(新版)" key="4">
                    <div style="height: 100%">
                        <BoufeiMbVue1></BoufeiMbVue1>
                    </div>
                </a-tab-pane> -->
                <!-- <a-tab-pane title="楼层区域图" key="5">
                    <div style="height: 100%">
                        <FloorAreaPlan></FloorAreaPlan>
                    </div>
                </a-tab-pane> -->
            </a-tabs>
        </div>

    </div>
</template>

<script lang="ts">
import { defineComponent, reactive, ref } from 'vue'
import Scheduling from '@/components/processrowfactory/Scheduling.vue'
import BoufeiListVue from '@/components/processrowfactory/BoufeiList.vue'
import FloorAreaPlan from './components/FloorAreaPlan.vue'
import BoufeiMbVue1 from './BoufeiMb1.vue'
import emitter from "@/hooks/useEventBus";
import usePermission from '@/store/modules/permission'
export default defineComponent({
    name: 'planplant',
    components: {
        Scheduling,
        BoufeiListVue,
        FloorAreaPlan,
        BoufeiMbVue1,
    },
    setup() {
        const pageData = reactive({
            tableIndex: "1"
        })
        const tabsChange = (e: string | number) => {
            emitter.emit('window-change')
        }
        const permissionStore = usePermission()

        const tzFyFiltr = () => {
            window.location.href = './hiprint/custom.html'
        }
        return {
            tzFyFiltr,
            pageData,
            tabsChange,
            permissionStore
        }
    }
})
</script>
<style lang="less" scoped>
.extraTitelBtn {
    position: relative;
    margin-right: 20px;
}

.main-container {
    height: 100%;
}

:deep(.ag-cell-value) {
    user-select: initial;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
}
</style>